<template>
    <h1>父组件</h1>
    <hr>
    <sub-com :num="100" :bool="true"
      str="我是数据" :message="msg"
      :list="arr" :customEvent="fun"></sub-com>
      <button @click="arr.push(1)">添加数据</button>
</template>
<!-- 在script标签上 写入setup 就是 setup入口函数的语法糖  -->
<script setup>
import SubCom from './components/Sub.vue'
import { ref } from 'vue'
  let msg = ref('我是msg')
  let arr = ref([1,2,3])
  const fun = (arg)=>{
    console.log(arg , 'customEvent');
  }
</script>
<!-- 再写一个script标签 使用Vue2的方法 写入name属性 -->
<script>
export default {
name: 'App',
}
</script>
